<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <!--<meta name="viewport" content="width=device-width, initial-scale=1"/>-->
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit"/>
    <title>Hello Substart</title>
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <style type="text/css">
        table td {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    </style>
</head>
<body>
<span th:text="${basePath}" style="display: none;" id="basePath"></span>
<header class="am-topbar" style="background-color: white">
    <h1 class="am-topbar-brand">
        <a href="javascript:;" style="font-size: 27px;">Substart</a>
        <span style="font-size: 12px;margin-left: 50px;">环境需求：Maven环境, JDK环境, <span style="color:red;">Windows下需要配置Tomcat的 [CATALINA_HOME] 环境</span>。</span>
    </h1>
</header>

<div class="am-margin-sm">
    <ul class="am-nav am-nav-pills" style="font-size: 14px;">
        <li><a href="javascript:;" id="my-a-command" data-am-popover="{content: '执行自定义 Command', trigger: 'hover focus'}">Command</a></li>
        <li><a href="javascript:;" id="my-a-add" data-am-popover="{content: '新增一个配置', trigger: 'hover focus'}">添加</a></li>
        <li><a href="javascript:;" id="my-a-edit" data-am-popover="{content: '查看和修改配置', trigger: 'hover focus'}">查看</a></li>
        <li><a href="javascript:;" id="my-a-bulid" data-am-popover="{content: '自动拉取SVN最新代码和自动编译运行', trigger: 'hover focus'}">编译</a></li>
        <li><a href="javascript:;" id="my-a-del" data-am-popover="{content: '删除配置', trigger: 'hover focus'}">删除</a></li>
        <li><a href="javascript:;" id="my-a-startup" data-am-popover="{content: '启动Tomcat', trigger: 'hover focus'}">启动</a></li>
        <li><a href="javascript:;" id="my-a-stop" data-am-popover="{content: '停止Tomcat', trigger: 'hover focus'}">停止</a></li>
    </ul>
</div>


<div class="am-margin-sm">
    <table class="am-table am-table-hover">
        <thead>
        <tr>
            <th style="width: 30px;"></th>
            <th style="width: 120px;">项目名称</th>
            <th style="width: 250px;">来自</th>
            <th style="width: 120px;">帐号</th>
            <th style="width: 150px;" data-am-popover="{content: '项目 Checkout 的指定目录', trigger: 'hover focus'}">编译目录</th>
            <th style="width: 250px;">Tomcat目录</th>
            <th style="width: 120px;" data-am-popover="{content: '项目最后一次编译时间', trigger: 'hover focus'}">编译时间</th>
            <th data-am-popover="{content: '此状态仅表示编译结果状态，非项目运行状态', trigger: 'hover focus'}">状态</th>
        </tr>
        </thead>
        <tbody id="my-tbody"></tbody>
    </table>

</div>

<div class="am-panel am-panel-default am-margin-sm " style="margin-top: 50px;">
    <!--<div class="am-panel-hd"></div>-->
    <div id="build-msg" class="am-panel-bd" style="font-size: 13px;">
        <div style="color:red;font-size: 16px;">日志：</div>[<a href="javascript:;" style="color: blue;" onclick="cleanLog(this)">Clean</a>]
    </div>
</div>

<!--add-->
<div class="am-modal am-modal-prompt" tabindex="-1" id="my-div-add">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">项目配置</div>
        <div class="am-modal-bd" style="border-bottom:none; font-size: 12px;">
            <input class="am-modal-prompt-input" id="my-input-project-name" style="width:90%;"
                   placeholder="项目名称" data-am-popover="{content: '项目名称唯一，必填，默认重复就是修改', trigger: 'hover focus', theme: 'warning sm'}"/>
            <input class="am-modal-prompt-input" id="my-input-url" style="width:90%;" placeholder="SVN 地址（必填）" data-am-popover="{content: 'SVN 地址（必填）', trigger: 'hover focus', theme: 'warning sm'}"/>
            <input class="am-modal-prompt-input" id="my-input-login-name" style="width:90%;" placeholder="登录名（必填）" data-am-popover="{content: '登录名（必填）', trigger: 'hover focus', theme: 'warning sm'}"/>
            <input class="am-modal-prompt-input" id="my-input-login-pass" style="width:90%;" placeholder="登录密码（必填）" data-am-popover="{content: '登录密码（必填）', trigger: 'hover focus', theme: 'warning sm'}"/>
            <input class="am-modal-prompt-input" id="my-input-checkout-path" style="width:90%;" placeholder="把项目放到哪里" data-am-popover="{content: '指定编译目录', trigger: 'hover focus', theme: 'warning sm'}"/>
            <input class="am-modal-prompt-input" id="my-input-tomcat-home" style="width:90%;"
                   placeholder="Tomcat home（War包必填）" data-am-popover="{content: '当项目为 war 包时必填，为 jar 包时可不填，但必须配置启动命令', trigger: 'hover focus', theme: 'warning sm'}"/>
            <textarea class="am-modal-prompt-input" id="my-input-command" style="width: 90%;height: 100px;"
                      placeholder="Shell / Dos 命令" data-am-popover="{content: '附带功能', trigger: 'hover focus', theme: 'warning sm'}"></textarea>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn am-fr" style="border: none;padding: 0 10px;" data-am-modal-cancel="">Cancel</span>
            <span class="am-modal-btn am-fr" style="border: none;padding: 0 10px;" data-am-modal-confirm="">OK</span>
        </div>
    </div>
</div>
<!--add end-->

<!--Command-->
<div class="am-modal am-modal-prompt" tabindex="-1" id="my-div-command">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">Command</div>
        <div class="am-modal-bd" style="border-bottom:none; font-size: 12px;">
            <textarea class="am-modal-prompt-input" id="my-input-action-command" style="width: 90%;height: 200px;"
                      placeholder="Shell / Dos 命令"></textarea>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn am-fr" style="border: none;padding: 0 10px;" data-am-modal-cancel="">Cancel</span>
            <span class="am-modal-btn am-fr" style="border: none;padding: 0 10px;" data-am-modal-confirm="">OK</span>
        </div>
    </div>
</div>
<!--Command end-->


<div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="my-modal-loading">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">Loading...</div>
        <div class="am-modal-bd">
            <span class="am-icon-spin"><img src="assets/loading.png"/></span>
        </div>
    </div>
</div>

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min-1.11.3.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/msgbox.js"></script>
<script src="assets/js/my.js"></script>
</body>
</html>